<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Villagra Seguridad integral</title>
<link href="menu.css" rel="stylesheet" type="text/css" />
<link href="slider.css" rel="stylesheet" type="text/css" />
<link href="footer.css" rel="stylesheet" type="text/css" />
<link href="cuerpo.css" rel="stylesheet" type="text/css" />
<link href="index.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="jquery.tweet.css">
<link href="formularioContacto.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="load.js"></script>
<script type="text/javascript" src="formulariocontacto.js"></script>
<script type="text/javascript" src="menu.js"></script>
<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
<script type="text/javascript" src="slider.js"></script>
<script language="javascript" src="jquery.tweet.js" type="text/javascript"></script>




<script type="text/javascript">


$(document).ready(function() {          

  $(".tweet").tweet({
            username: "josueochoa",
            avatar_size: 32,
            count: 2,
            loading_text: "cargando tweets..."
        });
     
});

</script>
<style type="text/css">







#apDiv4 {
        position:absolute;
        width:200px;
        height:115px;
        z-index:2052;
        left: 229px;
        top: 12px;
}




#apDiv11 {
	
	width:100%;
	height:150px;
	border: 1px dotted blue;
}

body {
	background-color: #e8e9ec;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>

<div class="contenedor">

<div class="header"> <!-- header-->
        	<div class="contentHeader">
            	<div class="logo"><img src="images/villa.png"  alt="logo face" />
       	    </div>
                <div class="infoContacto">
                    <div class="telefono">
                    <h1> <img src="images/phone.png"  alt="logo face" width="35" height="35"/></h1>
                  </div>
                    <div class="redesSociales">
                        <img src="images/fblogo.png"  alt="logo face" />
                        <img src="images/twitterlogo.png" alt="logo twiter" />
                        <img src="images/youtubelogo.png" alt="logo yotube" />
                    </div>
                </div>
            </div>
        	
  </div><!-- #header-->
    	






 <div class="nav">
 <div id="menu">
    <ul class="menu">
     <li><a href="index.html"  ><span>Incio</span></a></li>
           
              <li><a href="about.html"  ><span>Servicios</span></a>
                    <ul ">
                        <li><a href="#" class="parent"><span>Seguridad Física</span></a>
                            <ul>
                                <li><a href="#"><span>Guardias</span></a></li>
                                <li><a href="#"><span>Rondines</span></a></li>
                                  <li><a href="#"><span>Nocheros</span></a></li>
                            </ul>
                        </li>
                        
                         <li><a href="#" class="parent"><span>Seguridad Electrónica</span></a>
                            <ul>
                                <li><a href="#"><span>CCTV</span></a></li>
                                <li><a href="#"><span>Alarmas</span></a></li>
                                  <li><a href="#"><span>Incendios</span></a></li>
                                  <li><a href="#"><span>Cercos Eléctricos</span></a></li>
                                  <li><a href="#"><span>Barreras</span></a></li>
                            </ul>
                      </li>
                                 
                             <li><a href="#" class="parent"><span>Asesorías de Seguridad</span></a>
                            <ul style="width: 200px;">
                                <li><a href="#"><span>Estudios de Seguridad</span></a></li>
                                <li ><a href="#"><span>Estudios de Vulnerabilidades</span></a></li>
                                  <li><a href="#"><span>Plan de Seguridad</span></a></li>
                                  <li><a href="#"><span>Medidas de Seguridad</span></a></li>
                                  <li><a href="#"><span>Procerdimientos e Instructivos</span></a></li>
                                   <li><a href="#" class="parent"><span>Integración de Sistemas</span></a>
                                   <ul style="width:200px; padding-left:20px;">
                                    <li><a href="#"><span>Físico/Elecrónico</span></a></li>
                                  <li><a href="#"><span>Elecvtrónico/Electrónico</span></a></li>
                                   
                                   </ul>
                                   </li>
                            </ul>
                            </li>
                            
                                 <li><a href="#" class="parent"><span>Investigaciones</span></a>
                            <ul >
                                <li><a href="#"><span>Eventos</span></a></li>
                                <li ><a href="#"><span>PPI</span></a></li>
                          
                            </ul>
                            </li>
                </ul>
        </li>
                            
                            <li><a href="#" class="parent"><span>Clientes</span></a>
                            <ul >
                                <li><a href="#"><span>Seguridad Empresarial</span></a></li>
                                <li ><a href="#"><span>Seguridad Residencial</span></a></li>
                                 <li><a href="#"><span>Seguridad en Retail</span></a></li>
                                <li ><a href="nuestros-clientes.html"><span>Nuestros Clientes</span></a></li>
                          
                            </ul>
                            </li>

                                <li><a href="#" class="parent"><span>Acerca de nosotros</span></a>
                            <ul >
                                <li><a href="mision-vision.html"><span>Misión y Visión</span></a></li>
                               
                                 <li><a href="valores-estrategias.html"><span>Valores y Estrategias</span></a></li>

                                 <li ><a href="organizacion.html"><span>Organizacion</span></a></li>
                                 <li><a href="politicas.html"><span>Políticas</span></a></li>

                            </ul>
                            </li>
                             <li ><a href="#"><span>Trabaja con Nosotros</span></a></li>
                               <li ><a href="ubicacion.html"><span>Ubicación</span></a></li>
                              <li ><div id= "contacto" >Contactanos</div>  </li>
                          
                       
     
</ul>
</div>    
</div>

<div id="nav" >




      <h1>Ubicación</h1>
      <p>&nbsp;</p>
      
        <p style="color: #C00">Como llegar?:</p>
        <p>Av. Bernardo O'Higgins 890, Of.7, Talagante
Fono: (02) 8154310</p>
        <ul>
          <li>Camino 1</li>
          <li>Camino 2</li>
       
          
        </ul>
   

      <p>&nbsp;</p>
 <p style="color: #C00">Mapa:</p>
      <ul>
        <li style="list-style:none">
          <p>&nbsp;</p>
          <img src="images/direccion.png" />
</li>
      </ul>

     
</div><!-- nav fin-->

  
</div>






<div class="footer"><!-- ini footer-->
  
  <div class="contentfoot"><!-- ini contenido footer-->
  <div class="rowsfoot"><!-- ini rows  footer-->
<h1>Seguridad Física</h1>
<ul> 

<li>
<a href="about.html" id="up">Guardias</a>
</li>
<li>
<a href="about.html" id="up">Rondines</a>
</li>
<li>
<a href="ubicacion.html" id="up">
Nocheros
</a>
</li>
<h1 style="margin-right:15%; ">Seguridad Electrónica</h1>
<li><a href="about.html" id="up">
CCTV</a>
</li>
<li><a id="up">
Alarmas</a>
</li>
<li><a>
Incendios</a>
</li>
<li><a>
Cercos Eléctricos</a>
</li>
<li><a>
Barreras</a>
</li>
</ul>
</div><!--fin row 1-->
<div class="rowsfoot"><!-- ini rows  footer-->
<h1>Asecoria de Seguridad</h1>
<ul>
<li><a>
Estudio de Seguridad</a>
</li>
<li><a>
Plan Seguridad</a>
</li>
<li><a>
Estudio de Vulnerabilidades</a>
</li>
<li><a>
Medidas de Seguridad</a>
</li>
<li><a>
Procedimientos e Instructivos</a>
</li>
<li><a>
Integración de Sistemas</a>
</li>
</ul>
</div><!--fin rows 2 --->
<div class="rowsfoot"><!-- ini rows  footer-->
<h1 >Investigaciones</h1>
<ul>
<li><a>
Eventos</a>
</li>
<li><a>
PPI</a>
</li>
<h1 style="margin-right:15%; ">Clientes</h1>
<li><a>
Seguridad Empresarial</a>
</li>
<li><a>
Seguridad Residencial</a>
</li>
<li><a>
Seguridad en retail</a>
</li>
<li><a>
Nuestros Clientes</a>
</li>
</ul>
</div>
<div class="rowsfoot"><!-- ini rows  footer-->
<h1 >Acerca de Nosotros</h1>
<ul>
<li><a>
Mision</a>
</li>
<li><a>
Vision</a>
</li>
<li><a>
Valores</a>
</li>
<li><a>
Estrategia</a>
</li>
<li><a>
Organización</a>
</li>
<li><a>
Políticas de Calidad</a>
</li>
<li><a>
Políticas de Ambiente</a>
</li>
<h1 style="margin-right:15%; ">Trabaja con Nosotros</h1>
<h1 style="margin-right:15%; ">Contactanos</h1>
</ul>
</div>
</div><!-- fin rows del footer-->
</div> <!-- fin contenido  footer-->
</div><!-- fin footer-->
</div><!-- fin contenedor padre-->



<div id="lightbox">
</div>
    
<div id="lightbox-panel">
    <div id="lightbox-close">
    </div>
  <div id="formulario">
  <form  action="mail.php" method="post">
    <h3>Formulario de Contacto</h3>
   
    <p>
      <label >Nombre Completo</label>
      <input  name="nombre" type="text"/>
    </p>
    <p>
      <label>Comuna</label>
      <input  name="comuna" type="text"/>
    </p>
    <p>
      <label >Ciudad</label>
      <input  name="ciudad" type="text"/>
    </p>
    <p>
      <label >Direccion</label>
      <input  name="direccion" type="text"/>
    </p>
    <p>
      <label >Telefono / Celular</label>
      <input  name="telefono" type="text"/>
    </p>
    <p>
      <label >Email</label>
      <input  name="email" type="text"/>
    </p>
    <p>
      <label >Comentario</label>
      <textarea name="comentario" rows="10" cols="10"></textarea>
    </p>
    <p >
      <input id="lightbox-boton" type="submit" value="Solicitar"/>
    </p>
  </form>
</div>
    
    </div>
</body>
</html>